<template>
  <div class="d-layout-body">
    <div class="d-col-xs-12">
      <Streamer cat="0001" class="streamer-tigerlair">
        <h1 class="d-text-center d-h1">虎啸(TigerLair)</h1>
        <h3 class="d-text-center d-h3">前端视角辅助项目开发</h3>
        <h4 class="d-text-center d-h4">集开发、测试、分析为一体的管理系统</h4>
        <div class="d-text-center btn-container">
          <a class="d-btn btn-go" :href="getMicroPath('#/project/list')">快速进入</a>
        </div>
      </Streamer>
      <BlockSite :list="list" />
    </div>
  </div>
</template>

<script>
import { Streamer, BlockSite } from '@daelui/vdog/dist/business'

export default {
  components: {
    Streamer,
    BlockSite
  },

  data () {
    return {
      application: window.application.tigerlair,
      list: [
        {
          id: 1,
          title: '线上化服务管理',
          list: [
            {
              id: 1001,
              list: [
                {title: '接口文档格式混乱', content: '因为没有统一的规范管理，文档格式有txt、word、excel、图片、邮件、聊天形式传递给前端，甚至是要求前端看后端代码'},
                {title: '统一接口管理规范', content: '以统一的接口管理规范管理服务接口,接口的必要信息、格式、传递、展示均得到有效保障'}
              ]
            },
            {
              id: 1002,
              list: [
                {title: '前端接口调试困难', content: '后端还未提供有效接口功能时，前端只能手动创建假数据或写模拟服务，给前端带来了很大的工作量，而且不能反映真实的操作流程'},
                {title: '服务模拟', content: '接口的建立与服务模拟同步进行,前端无需自行模拟服务或后端无需提供假数据,模拟数据字段即为真实接口字段'}
              ]
            }
          ]
        },
        {
          id: 2,
          title: '轻代码在线开发与运行环境',
          list: [
            {
              id: 2001,
              list: [
                {title: '开发环境限制', content: '开发工具局限，代码编辑软件、项目基础依赖下载安装费时'},
                {title: '线上化开发', content: '线上化开发，依靠浏览器，减少环境调试时间'}
              ]
            },
            {
              id: 2002,
              list: [
                {title: '建设步骤多', content: '项目页面建设步骤多，需要：创建->编辑->调试->编译->部署'},
                {title: '可见即所得', content: '页面编辑，快速预览运行，可见即所得，节省建设成本'}
              ]
            }
          ]
        },
        {
          id: 3,
          title: '数据处理',
          list: [
            {
              id: 3001,
              list: [
                {title: '文档数据难处理', content: '数据存储在Office文档Excel或word文档中时,表现态是静态,想要获取动态数据需要手动编辑;如果通过几个文档共同分析结果时处理起来也极不方便'},
                {title: '处理过程不可见', content: '在文档中对数据的处理时,处理的逻辑为非可视状态,缺少必要的说明;如果想要移植处理逻辑时容易产生错误,排查困难'}
              ]
            },
            {
              id: 3002,
              list: [
                {title: '动态编辑数据处理单元', content: '对数据的处理可以动态进行编辑,可自定义处理逻辑,动态进行组合处理'},
                {title: '处理流程可视', content: '对数据的处理可以动态进行编辑,可自定义处理逻辑,动态进行组合处理'}
              ]
            }
          ]
        }
      ]
    }
  }
}
</script>
